﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="js/jQuery.isc/jQuery.isc.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div id="header">
		<div class="bg">
			<div class="topBar">
				<div class="welcome">
					亲，欢迎光临爱手网！ 请<a href="#">登录</a> <a href="#">免费注册</a>
				</div>
				<div class="tnav">
					<a href="#">爱手网工首页<img src="images/tnav1.gif" width="12" height="12" alt="" /></a>
					| <a href="#">我的购物车<img src="images/tnav2.gif" width="16" height="12" alt="" /></a>
					| <a href="#">我的收藏夹</a> | <a href="#">服务中心</a> | <a href="#">网站导航</a>
				</div>
			</div>
		</div>
		<div class="r2 fn-clear">
			<div class="logoBox">
				<a href="首页.html">
					<img src="images/temp/logo.jpg" width="184" height="66" alt="" /></a>
			</div>
			<div class="searchBox">
				<div class="form">
				    <input type="text" class="txtKey" />
				    <input type="submit" class="btnSubmit" value="搜索" />
				</div>
				<div class="keyWords">
					<span>热门：</span> <a href="#">托特包</a> <a href="#">托特包</a> <a href="#">托特包</a> <a href="#">
						托特包</a> <a href="#">托特包</a>
				</div>
			</div>
			<div class="tel">
				<img src="images/tel.jpg" width="175" height="54" alt="" />
			</div>
		</div>
		<div id="menu">
			<ul class="main">
				<li><a href="#">爱手工网</a></li>
				<li><a href="#">手工斜挎包</a></li>
				<li><a href="#">手工双肩包</a></li>
				<li><a href="#">手工手拎包</a></li>
				<li><a href="#">手工钱包</a></li>
				<li><a href="#">手工男鞋</a></li>
				<li><a href="#">手工女鞋</a></li>
				<li><a href="#">手工配件</a></li>
			    <li class="no-border"><a href="#">DIY教室</a></li>
                <li class="pic"><a href="#"><img src="images/pic-zxhd.png"/></a></li>
			</ul>
		</div>
	</div>
    <div id="container" style="overflow:visible;">
        <div class="slide fn-clear">
            <div class="category-nav fn-left">
                <ul>
                    <li><a href="#" class="category">时尚包包</a> <a href="#">托特包<img src="images/hot.gif"
                                                                                  class="hot" /></a> <a href="#">手提包</a> </li>
                    <li><a href="#" class="category">时尚包包</a> <a href="#">托特包</a> <a href="#">手提包</a>
                    </li>
                    <li><a href="#" class="category">时尚包包</a> <a href="#">托特包</a> <a href="#">手提包</a>
                    </li>
                    <li><a href="#" class="category">时尚包包</a> <a href="#">托特包</a> <a href="#">手提包</a>
                    </li>
                    <li><a href="#" class="category">时尚包包</a> <a href="#">托特包</a> <a href="#">手提包<img
                                                                                                     src="images/hot.gif" class="hot" /></a> </li>
                    <li><a href="#" class="category">时尚包包</a> <a href="#">托特包</a> <a href="#">手提包</a>
                    </li>
                    <li><a href="#" class="category">时尚包包</a> <a href="#">托特包</a> <a href="#">手提包</a>
                    </li>
                    <li class="no-border"><a href="#" class="category">时尚包包</a> <a href="#">托特包</a> <a
                                                                                                        href="#">手提包</a> </li>
                </ul>
            </div>
            <div id="bigAlbumn" class="right-img fn-left">
            </div>
        </div>
        <div class="products" style="width:auto;">
            <div class="column fn-clear">
                <div class="lTag bg-main">新品上市</div><!--左侧标签-->
                <div class="left">
                    <h2 class="title">
                        新品上市</h2>
                    <div class="cnt fn-clear">
                        <div class="s1 fn-left">
                            <a href="#">
                                <img class="border1" src="images/temp/p1.jpg" alt="" width="319" height="231" /></a>
                        </div>
                        <ul class="s2 fn-clear border1">
                            <li>
                                <p class="p2">
                                    <a href="#">
                                        <img src="images/temp/p2.jpg" width="116" height="116" alt="" />
                                    </a>
                                </p>
                                <p class="txt2">
                                    <a class="pName" href="#">花比猴</a>
                                    <em class="scj">市场价：230元</em>
                                    <em class="hdj">活动价：<span>￥139</span></em>
                                    <em class="pl">已有112人评论</em>
                                </p>
                            </li>
                            <li>
                                <p class="p2">
                                    <a href="#">
                                        <img src="images/temp/p2.jpg" width="116" height="116" alt="" />
                                    </a>
                                </p>
                                <p class="txt2">
                                    <a class="pName" href="#">花比猴</a>
                                    <em class="scj">市场价：230元</em>
                                    <em class="hdj">活动价：<span>￥139</span></em>
                                    <em class="pl">已有112人评论</em>
                                </p>
                            </li>
                            <li class="last">
                                <p class="p2">
                                    <a href="#">
                                        <img src="images/temp/p2.jpg" width="116" height="116" alt="" />
                                    </a>
                                </p>
                                <p class="txt2">
                                    <a class="pName" href="#">花比猴</a>
                                    <em class="scj">市场价：230元</em>
                                    <em class="hdj">活动价：<span>￥139</span></em>
                                    <em class="pl">已有112人评论</em>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right">
                    <h3 class="title">
                        最新购买 <span>Newest Sell</span></h3>
                    <ul class="list">
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                    </ul>
                </div>
            </div>
            <div class="column fn-clear">
                <div class="left fn-left">
                    <div class="cnt fn-clear">
                        <ul class="s3 fn-clear border1">
                            <li>
                                <p class="img">
                                    <a href="#"><img src="images/temp/p3.jpg"/></a>
                                </p>
                                <p class="name"><a href="#">花比猴</a></p>
                                <p class="price">价格：<span>￥139</span></p>
                            </li>
                            <li>
                                <p class="img">
                                    <a href="#"><img src="images/temp/p3.jpg"/></a>
                                </p>
                                <p class="name"><a href="#">花比猴</a></p>
                                <p class="price">价格：<span>￥139</span></p>
                            </li>
                            <li>
                                <p class="img">
                                    <a href="#"><img src="images/temp/p3.jpg"/></a>
                                </p>
                                <p class="name"><a href="#">花比猴</a></p>
                                <p class="price">价格：<span>￥139</span></p>
                            </li>
                            <li class="last">
                                <p class="img">
                                    <a href="#"><img src="images/temp/p3.jpg"/></a>
                                </p>
                                <p class="name"><a href="#">花比猴</a></p>
                                <p class="price">价格：<span>￥139</span></p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right fn-right">
                    <h3 class="title">
                        最新评论 <span>Newest Review</span></h3>
                    <ul class="list">
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                    </ul>
                </div>
            </div>
            <div class="banner border1"><!--广告横幅-->
                <a href="#"><img src="images/temp/p30.jpg" width="980" alt=""/></a><!--只定义图片的宽度，防止图片拉伸变性-->
            </div>
            <div class="column fn-clear">
                <div class="left fn-left">
                    <h2 class="title">
                        手工斜挎包</h2>
                    <div class="cnt fn-clear">
                        <ul class="s4 fn-clear">
                            <li>
                                <a href="#"><img src="images/temp/p4.jpg" width="319" height="231" alt=""/></a>
                            </li>
                            <li class="last">
                                <a href="#"><img src="images/temp/p5.jpg" width="379" height="231" alt=""/></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right fn-right">
                    <h3 class="title">
                        最新购买 <span>Newest Sell</span></h3>
                    <ul class="list">
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                    </ul>
                </div>
            </div>
            <div class="column">
                <ul class="s5 border1 fn-clear">
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p6.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p7.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p6.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p7.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p6.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p7.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li class="last">
                        <p class="img">
                            <a href="#"><img src="images/temp/p6.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                </ul>
            </div>
            <div class="banner border1"><!--广告横幅-->
                <a href="#"><img src="images/temp/p30.jpg" width="980" alt=""/></a><!--只定义图片的宽度，防止图片拉伸变性-->
            </div>
            <div class="column fn-clear">
                <div class="left fn-left">
                    <h2 class="title">
                        手工女鞋</h2>
                    <div class="cnt fn-clear">
                        <ul class="s4 fn-clear">
                            <li>
                                <a href="#"><img src="images/temp/p4.jpg" width="319" height="231" alt=""/></a>
                            </li>
                            <li class="last">
                                <a href="#"><img src="images/temp/p5.jpg" width="379" height="231" alt=""/></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right fn-right">
                    <h3 class="title">
                        女鞋专区 <span>Woman's Shoes</span></h3>
                    <ul class="list">
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                    </ul>
                </div>
            </div>
            <div class="column">
                <ul class="s5 border1 fn-clear">
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p8.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p7.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p8.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p7.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p8.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li>
                        <p class="img">
                            <a href="#"><img src="images/temp/p7.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                    <li class="last">
                        <p class="img">
                            <a href="#"><img src="images/temp/p8.jpg"/></a>
                        </p>
                        <p class="name"><a href="#">花比猴</a></p>
                        <p class="price">价格：<span>￥139</span></p>
                    </li>
                </ul>
            </div>
            <div class="column fn-clear">
                <div class="left fn-left">
                    <h2 class="title">
                        手工配件</h2>
                    <div class="cnt fn-clear">
                        <ul class="s4 fn-clear">
                            <li>
                                <a href="#"><img src="images/temp/p4.jpg" width="319" height="231" alt=""/></a>
                            </li>
                            <li class="last">
                                <a href="#"><img src="images/temp/p5.jpg" width="379" height="231" alt=""/></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="right fn-right">
                    <h3 class="title">
                        配件专区 <span>Accessories</span></h3>
                    <ul class="list">
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                        <li><a href="#">送给情人的星座礼物</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="txt-cols fn-clear">
            <div class="col1 border1">
                <div class="title">标题一</div>
                <ul>
                    <li class="top1 fn-clear">
                        <a href="#" class="img"><img src="images/temp/p9.jpg" width="136" height="136"/></a>
                        <p class="txt">
                            <a href="#" class="name">潮女必备几款包包</a>
                            <span>这是今年最流行的一款这是今年最流行的一款这是今年最流行的一款这是今年最流行的一款这是今年最流行的一款</span>
                        </p>
                    </li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                </ul>
            </div>
            <div class="col1 border1">
                <div class="title">标题一</div>
                <ul>
                    <li class="top1 fn-clear">
                        <a href="#" class="img"><img src="images/temp/p9.jpg" width="136" height="136"/></a>
                        <p class="txt">
                            <a href="#" class="name">潮女必备几款包包</a>
                            <span>这是今年最流行的一款这是今年最流行的一款这是今年最流行的一款这是今年最流行的一款这是今年最流行的一款</span>
                        </p>
                    </li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                    <li><a href="#">日韩时尚</a> <a href="#">潮女必备几款包包</a></li>
                </ul>
            </div>
            <div class="col2">
                <div class="border1">
                    <div class="title">标题三</div>
                    <ul>
                        <li><a href="#">和茶网简介</a></li>
                        <li><a href="#">和茶网简介和茶网简介</a></li>
                        <li><a href="#">和茶网和茶网简介</a></li>
                        <li><a href="#">和茶网简和茶网简介</a></li>
                        <li><a href="#">和茶网简介和茶网简介</a></li>
                        <li><a href="#">和茶网简茶网简介</a></li>
                        <li><a href="#">和茶网简介茶网简介</a></li>
                        <li><a href="#">和茶和茶网简介</a></li>
                        <li><a href="#">介和茶网简介</a></li>
                    </ul>
                </div>
                <div class="asina border1">
                    <a href="#"><img src="images/sina.jpg" width="298"/></a>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="txtLists fn-clear border1">
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList">
                    <p class="title">
                        新手上路</p>
                    <ul>
                        <li><a href="#">帐户自助服务</a></li>
                        <li><a href="#">新用户注册</a></li>
                        <li><a href="#">怎样下订单</a></li>
                        <li><a href="#">注册常见问题</a></li>
                    </ul>
                </div>
                <div class="txtList service">
                    <p class="title">
                        在线客服&lt;&lt;</p>
                    <a href="#" class="s">点击这里进入</a>
                </div>
            </div>
            <div class="letter-index border1">
                <a href="#">A</a> | <a href="#">B</a> | <a href="#">C</a> | <a href="#">D</a> |
                <a href="#">E</a> | <a href="#">F</a> | <a href="#">G</a> | <a href="#">H</a> |
                <a href="#">I</a> | <a href="#">J</a> | <a href="#">K</a> | <a href="#">L</a> |
                <a href="#">M</a> | <a href="#">N</a> | <a href="#">O</a> | <a href="#">P</a> |
                <a href="#">Q</a> | <a href="#">R</a> | <a href="#">S</a> | <a href="#">T</a> |
                <a href="#">U</a> | <a href="#">V</a> | <a href="#">W</a> | <a href="#">X</a> |
                <a href="#">Y</a> | <a href="#">Z</a> | <a href="#">0-9</a>
            </div>
            <div class="hot">
                <span>热门包包:</span> <a href="#">双肩包</a> <a href="#">双肩包</a> <a href="#">双肩包</a> <a
                                                                                                   href="#">双肩包</a>
            </div>
            <div class="links border1">
                <ul class="tabs">
                    <li class="now">友情链接</li>
                    <li>合作网站</li>
                </ul>
                <div class="cnt"></div>
            </div>
            <div class="tips border1">
                <div class="imgBox">
                    <img src="images/tip.jpg" alt=""/>
                </div>
            </div>
            <p class="copyright">
                Copyright&copy; 2007-2011 福建和茶网科技有限公司 版权所有，并保留所有权利 闽ICP证：闽10222030号
            </p>
        </div>
    </div>
    <a id="btnReturnTop" class="bg-main" href="javascript:;" onclick="javascript:scroll(0,0);">回顶部</a>
    <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="js/jQuery.isc/jquery-image-scale-carousel.js"></script>
    <script type="text/javascript">
        var carousel_images = [
            { "img": "images/temp/slide.jpg", "title": "我玩", "url": "http://www.163.com" },
            { "img": "images/zxhd/p1.png", "title": "我玩2", "url": "http://www.1632.com" },
            { "img": "images/temp/bner1.jpg", "title": "我玩3", "url": "http://www.1633.com" },
            { "img": "images/temp/p26.jpg", "title": "我玩7", "url": "http://www.1637.com" }
        ];
        $(function() {
            $("#bigAlbumn").isc({
				imgArray: carousel_images,
				autoplay: false,
				autoplayTimer: 1000
			});	
		}); 
	</script>
</body>
</html>